<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>净值估算</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/public.css" />
		<link rel="stylesheet" href="../css/fund.css">
	</head>
	<body>
		<header id="header" class="mui-bar mui-bar-nav jjs-header">
			<h2 class="mui-title">净值估算</h2>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left header-left-result"></a>
			<a class="mui-icon mui-icon-bars mui-pull-right header-right"></a>
		</header>
		<div class="mui-content fund-net per-content">
			<div class="top">
				<p>2017-10-21</p>
				上证指数：3393.5/49.022% 深证指数：11.395 88.62 0.78%
			</div>
			<div id="slider" class="mui-slider mui-fullscreen">
				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<div class="mui-scroll">
						<a class="mui-control-item mui-active" href="#item11">股票型</a>
						<a class="mui-control-item" href="#">指数型</a>
						<a class="mui-control-item" href="#">混合型</a>
						<a class="mui-control-item" href="#">保本型</a>
						<a class="mui-control-item" href="#">债券型</a>
						<a class="mui-control-item" href="#">QDII</a>
					</div>
				</div>
				<div class="mui-slider-group">
					<div id="item11" class="mui-slider-item mui-control-content mui-active">
						<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<ul class="table-title">
									<li class="table-1">排名</li>
									<li class="table-5">代码</li>
									<li class="table-2">基金简称</li>
									<li class="table-4  mui-ellipsis">估算值</li>
									<li class="table-3  mui-ellipsis">估算涨幅</li>
									<li class="table-4  mui-ellipsis">估算偏差</li>
								</ul>
								<ul class="mui-table-view table-list" id="refreshContainer">
								    <li class="mui-table-view-cell">
								        <a class="" href="#">
								        	<span class="table-1">1</span>
								        	<span class="table-5">123456</span>
								        	<span class="table-2 mui-ellipsis">光大添天</span>
								        	<span class="table-4">1.2119</span>
								        	<span class="table-3">1.2198</span>
								        	<span class="table-4">1.23%</span>
								        </a>
								    </li>
								    <li class="mui-table-view-cell">
								        <a class="" href="#">
								        	<span class="table-1">1</span>
								        	<span class="table-5">123456</span>
								        	<span class="table-2 mui-ellipsis">光大添天</span>
								        	<span class="table-4">1.2119</span>
								        	<span class="table-3">1.2198</span>
								        	<span class="table-4">1.23%</span>
								        </a>
								    </li>
								</ul>
							</div>
						</div>
						<form action="" class="jump">
							<label for="">
								<input type="text" />页<span><i>1</i>/382</span>
							</label>
							<button type="button">跳转</button>
						</form>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/mui.min.js"></script>
		<script src="../js/public.js"></script>
		<script>
			mui.init({
				swipeBack : false,//侧滑返回组件
				pullRefresh : {
				
					container : '#scroll1', //一个功能的一部分
					down : {
						callback : pulldownRefresh,//callback事件回调冒号后面就是方法
						height : 50,
						auto : false,
						contentdown : "下拉可以刷新",
					},
				
				}
			});
			function pulldownRefresh() {
				setTimeout(function() { //三秒后执行函数
//					window.location.reload();//刷新
					var html = '';
					for(var i=0;i<10;i++){
						
						html+='<li class="mui-table-view-cell">'
						    +'    <a class="" href="#">'
						    +'    	<span class="table-1">1</span>'
						    +'    	<span class="table-5">123456</span>'
						    +'    	<span class="table-2 mui-ellipsis">光大添天</span>'
						    +'    	<span class="table-4">1.2119</span>'
						    +'    	<span class="table-3">1.2198</span>'
						    +'    	<span class="table-4">1.23%</span>'
						    +'   </a>'
						    +'</li>'
					}
					$(".table-list").html(html)
					
					mui('#scroll1').pullRefresh().endPulldownToRefresh(); //用来停止刷新
					}, 1000);
				}
		</script>
	</body>

</html>